<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
<script type="module">
    // 1
    // import {a,b,c} from "./modules/mo1.js";
	// console.log(a,b,c);

    // 2- 引入模块中的数据不允许直接修改，可以通过导出函数的形式来完成修改操作。
    // import {num,setNum} from "./modules/mo2.js";
	// console.log(num);// 200
    // setNum(100);
	// console.log(num);// 300

    // 3- this指向undefined
    // import {username,setUsername} from "./modules/mo3.js";
	// setUsername();
	// console.log(this);

    // 4-
    // import * as suibian from "./modules/mo4.js";
	// console.log(suibian.a,suibian.b,suibian.c,suibian.d)

    // 5-
    // import {username} from "./modules/mo5.js";
    // import {username as my} from "./modules/mo3.js";
	// console.log(username,my)

    // 6- 先声明再导出
    // import {a,b,c,dd} from "./modules/mo6.js";
	// console.log(a,b,c,dd)

    // 7- 默认导出
    // import suibian from "./modules/mo7.js";
	// console.log(suibian)

    // 8- 混合导出
    // import * as suibian from "./modules/mo8.js";
	// console.log(suibian.a,suibian.default)

	// import suibian,{a} from "./modules/mo8.js";
	// console.log(suibian,a)

    // 9- 小技巧1
    // import {a,b,c} from "./modules/mo9.js";
	// console.log(a,b,c);

    // 10- 小技巧2
    // import obj,{a,b,c} from "./modules/mo10.js";
	// console.log(a,b,c,obj)

    // 11- from 右侧不允许写变量或常量,不允许将import 写到函数中
	{
		// let str = "./modules/mo11.js"
		// import suibian from str;
		// console.log(suibian)
    }
	{
		// function fn(){
		// 	import suibian from "./modules/mo11.js"
        // }
		// fn();
    }

	// 12- 动态引入
	// {
	// 	let str = "./modules/mo11.js"
	// 	import(str).then(value=>{
	// 		console.log(value.a,value.default);
    //     })
	// }
	// {
	// 	function fn(){
	// 		let str = "./modules/mo11.js"
	// 		import(str).then(value=>{
	// 			console.log(value.a,value.default);
	// 		})
	// 	}
	// 	fn();
	// }

    // 13- 同一个模块可以引入多次，但是模块只会执行一次
    // import a from "./modules/mo11.js";
    // import b from "./modules/mo11.js";
	// console.log(a,b)







</script>
</html>